﻿.section-index {
    margin-bottom: 20px;
}
/*#region Section*/

/*#endregion Section*/
/*#region Course*/
.section-index > .course-box {

}
    .section-index > .course-box > .course-item {
        border: 1px solid #eee;
        background-color: white;
        padding: 10px;
        margin: 5px 0;
        display: block;
        transition: box-shadow 0.5s;
        position: relative;
    }
        .section-index > .course-box > .course-item:hover {
            box-shadow: #d5f1ff 0px 0px 3px;
        }
        .section-index > .course-box > .course-item > .course-name {
            display: block;
            margin-bottom: 5px;
        }
            .section-index > .course-box > .course-item > .course-name > a {
                font: normal 17px Tahoma;
                color: black;
                text-decoration: none;
            }
            .section-index > .course-box > .course-item > .course-name > i {
                display: inline-block;
                font: normal 15px Berlin;
                padding: 3px 5px;
                line-height: 15px;
                text-align: center;
                color: black;
                background-color: #f5f5f5;
                border: 1px solid #eee;
                vertical-align: bottom;
            }
        .section-index > .course-box > .course-item > .teacher-name {
            display: inline;
            color: #333;
            font: normal 13px Tahoma;
        }
/*#endregion Course*/